/* You can add global styles to this file, and also import other style files */
@use '@angular/material' as mat;
@import "//at.alicdn.com/t/c/font_2892440_6ol763ygw9p.css";
@import "//fonts.googleapis.com/css?family=Tangerine";

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.flex{
  display: flex;
}
.flex-column{
  flex-direction: column;
}
.flex-center{
  justify-content: center;
  align-items: center;
}
.flex-x-center{
  justify-content: center;
}
.flex-between{
  justify-content: space-between;
}
.flex-around{
  justify-content: space-around;
}
.flex-end{
  justify-content: flex-end;
}
.flex-start{
  justify-content: flex-start;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-wrap-reverse{
  flex-wrap: wrap-reverse;
}
.flex-1{
  flex: 1;
}
.align-center{
  align-items: center;
}
.align-start{
  align-items: flex-start;
}
.align-end{
  align-items: flex-end;
}
.align-stretch{
  align-items: stretch;
}
.align-baseline{
  align-items: baseline;
}
.align-self-center{
  align-self: center;
}
.align-self-start{
  align-self: flex-start;
}
.align-self-end{
  align-self: flex-end;
}
.align-self-stretch{
  align-self: stretch;
}
.align-self-baseline{
  align-self: baseline;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
:root {
  --mat-sys-primary: #2859FF;
  --mat-form-field-container-height: 100%;
}
.f-h{
  height: 100%;
}
.f-w{
  width: 100%;
}
.overflow-hidden{
  overflow: hidden;
}
.no-hit{
  .mat-mdc-form-field-subscript-wrapper{
    display: none;
  }
}
.self-input{
  --mat-form-field-container-vertical-padding: 0;
  .mat-mdc-form-field,
  .mat-mdc-form-field-flex,
  .mat-mdc-form-field-infix{
    height: 100%;
    width: 100%;
  }
}
.round{
  .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{
    border-radius: 17px;
  }
}
